<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/cart.css">
	</head>
	<body>
		<header>
			<span class="title">购物车</span>
		</header>
		<ul class="cart-list">
			<li class="relative">
				<div class="select-box"><img src="./img/cart/selected.png" alt=""></div>
				<a href="#"><img class="photo" src="./img/cart/my1.jpg" alt=""></a>
				<div class="info">
					<div class="top">
						<div class="name">丛林物语双面印花磨毛四件套</div>
						<div class="style">1.8M;米白色</div>
					</div>
					<div class="bottom">
						<span class="price">￥399.00</span>
						<div class="num">
							<span class="left">-</span>
							<form action=""><input type="text" value="1"></form>
							<span class="right">+</span>
						</div>
					</div>
				</div>
				<img class="remove" src="./img/cart/remove.png" alt="">
			</li>
			<li class="relative">
				<div class="select-box"><img src="./img/cart/selected.png" alt=""></div>
				<a href="#"><img class="photo" src="./img/cart/my2.jpg" alt=""></a>
				<div class="info">
					<div class="top">
						<div class="name">璀璨灵动 手镯</div>
						<div class="style">手镯</div>
					</div>
					<div class="bottom">
						<span class="price">￥181 .00</span>
						<div class="num">
							<span class="left">-</span>
							<form action=""><input type="text" value="1"></form>
							<span class="right">+</span>
						</div>
					</div>
				</div>
				<img class="remove" src="./img/cart/remove.png" alt="">
			</li>
			<li class="relative">
				<div class="select-box"><img src="./img/cart/selected.png" alt=""></div>
				<a href="#"><img class="photo" src="./img/cart/my3.jpg" alt=""></a>
				<div class="info">
					<div class="top">
						<div class="name">28寸 纯PC”铝矿”（非全铝）</div>
						<div class="style">神秘灰</div>
					</div>
					<div class="bottom">
						<span class="price">￥439.00</span>
						<div class="num">
							<span class="left">-</span>
							<form action=""><input type="text" value="1"></form>
							<span class="right">+</span>
						</div>
					</div>
				</div>
				<img class="remove" src="./img/cart/remove.png" alt="">
			</li>
		</ul>
		<div class="guess">
			<div class="title">猜你喜欢</div>
			<ul class="guess_list">
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
				<li>
					<a href="#">
						<img src="./img/cart/likegase.jpg" alt="">
						<div class="name">色织水洗棉格纹四件套</div>
						<div class="price">￥219</div>
					</a>					
				</li>
			</ul>
		</div>
		<nav>
			<div class="total">
				<div>
					<span class="select-box"><img src="./img/cart/selected.png" alt=""></span>
					<span class="all_select">全选</span>
				</div>
				<div>
					<span class="price">￥181.00</span>
					<span class="buy_button"><a href="#">下单</a></span>
				</div>
				
			</div>

			<ul class="nav">
				<li>
					<a href="#">
					<img src="./img/cart/nav1.png" alt="">
					<div class="name">首页</div>
					</a>
				</li>
				<li>
					<a href="#">
					<img src="./img/cart/nav2.png" alt="">
					<div class="name">优选</div>
					</a>
				</li>
				<li>
					<a href="#">
					<img src="./img/cart/nav3.png" alt="">
					<div class="name">分类</div>
					</a>
				</li>
				<li>
					<a href="#">
					<img src="./img/cart/nav4.png" alt="">
					<div class="name">购物车</div>
					</a>
				</li>
				<li>
					<a href="#">
					<img src="./img/cart/nav5.png" alt="">
					<div class="name">我的</div>
					</a>
				</li>
			</ul>
		</nav>
		<div class="to_top"><img src="./img/cart/top.png" alt=""></div> 
	</body>
</html>
